<template>
	<div class="ztalkbottom">
		<div class="maincon">
      <div class="minicon clearfix">
        <div class="imgbox clearfix">
          <img src="../images/add.png" height="32" width="32" alt="">
          <span>|</span>
          <img src="../images/smile.png" height="32" width="32" alt="">
        </div>
        <input type="text" class="inp" placeholder="请输入文字">
        <button class="btn">发送</button>
      </div>  
    </div>
	</div> 
  
</template>
<script>
export default {
    name: 'ztalkbottom',
    data() {
      return {
      }
    },
    components:{
    }
 
}
</script>
<style lang="less" scoped>
.maincon{
  width: 100%;
  position: fixed;
  bottom: 0;
  font-size: 22/75rem;
  color: #808080;
  height: 98px;
  background-color: #fff;
  box-shadow: 5/75rem 0 50/75rem #fafafa;
}
.minicon{
  margin: 25/75rem;
}
.minicon img{
  display: block;
  margin:0 20/75rem;
  float: left;
}

span{
  display: block;
  float: left;
}
.inp{
  height: 45/75rem;
  width: 425/75rem;
  font-size: 24/75rem;
  color:#808080;
  border: 1px solid #808080;
  border-radius: 10/75rem;
  padding: 0;
  display: block;
  float: left;
}
.btn{
  width: 90/75rem;
  background-color: #fff;
  height: 45/75rem;
  border: 1px solid #808080;
  border-radius: 10/75rem;
  margin-left: 25/75rem;
}
.imgbox{
  float: left;
  margin-top: 10/75rem
}
</style>